<template>
  <div>
    <router-view></router-view>
    <div>
        <div>
            <router-link to="/index/props">props</router-link>
        </div>
        <div>
            <router-link to="/index/provide">provide/inject</router-link>
        </div>
          <div>
            <router-link to="/index/mitt">mitt</router-link>
        </div>
        <div>
          <router-link to="/index/slot">slot</router-link>
        </div>
        <div>
          <router-link to="/index/vuex">vuex</router-link>
        </div>
        <div>
          <router-link to="/index/expose">expose</router-link>
        </div>
    </div>
  </div>
</template>

<script setup>
    import { ref, reactive, toRefs, onBeforeMount, onMounted, watchEffect, computed } from 'vue';
    
</script>
<style scoped>
    
</style>